Skip to main content

Adding Portals and landing pages in Constellation applications

5 Tasks

30 mins

 Pega Platform '23 Visible to: All users
Intermediate Pega Platform '23 Constellation User Experience English

Scenario

Sweet Life stakeholders have decided to create different Portals so that the users of their Tell Us More application only have access to the information that is relevant to their specific Tasks. An important aspect of developing these Portals is defining the landing pages that include the data that is important to each Portal's user.

In this challenge, you build out two Portals, including landing pages, for the Tell Us More application. Additionally, you have been tasked with creating a custom dashboard to display previously created Insights, so that Sweet Life's back-office workers can easily compare the number of Cases being created every day with the number of Cases being resolved.

The following table provides the credentials you need to complete the challenge:

Role User name Password
System Architect Author@SL pega123!
Note: Your practice environment might support the completion of multiple challenges. As a result, the configuration shown in the challenge walkthrough may not match your environment exactly.

You must initiate your own Pega instance to complete this Challenge.

Initialization may take up to 5 minutes so please be patient.

Challenge Walkthrough

Detailed Tasks

1 Create Portals for the Tell Us More application

  1. In the Pega instance for the challenge, enter the following credentials:
    1. In the User name field, enter Author@SL.
    2. In the Password field, enter pega123!
  2. In the navigation pane of App Studio, click Channels.
  3. In the Create new Channel interface section, click Portal to create a new Portal Channel, and then configure the following fields:
    1. In the Name field, enter Tell Us More - BO Portal.
    2. In the Description field enter Tell Us More Back Office Portal.
    3. Select the Standard work Portal type.
    4. Click Submit.
      The Tell Us More BO Portal
  4. Click Save to save the new Portal configuration.
  5. Click the Back button to return to the Channel menu.
    Back button to return to the Channel menu
  6. Click Portal to create another new Portal Channel, and then configure the following fields:
    1. In the Name field, enter Tell Us More - Customer Portal.
    2. In the Description field enter Tell Us More Customer Portal.
    3. Select the Self-service Portal type.
    4. Click Submit, then click Save to save the new Portal.
  7. In the Tell Us More - Customer Portal window, click the Configuration tab.
  8. In the Personas section, Add the Customer Persona to the Portal.
    Adding the Customer Persona to the Customer Portal.
  9. Click Save.
  10. For the Tell Us More - BO Portal, repeat steps 7- 9 to add the Case Worker and Dispatcher Personas.

2 Create a Product landing page

  1. In the navigation pane of App Studio, click Data, and navigate to the Product data object.
  2. To access the Views associated with the Product data object, click UX > Other Views.
  3. In the List section, create a new list View call Products and configure it as follows:
    1. Remove Primary Fields from the Columns section.
    2. Add the following columns: Name, SKU, and Category Name.
    3. In the Editing section, select the Allow edit, delete and create checkbox.
      Configuration for the Product list page.
  4. Click Save.
  5. In the navigation pane of App Studio, click Channels, and navigate to the Tell Us More - BO Portal.
  6. On the Content tab, click Landing pages.
  7. To add a new landing page, click Add.
    The Add button to create a new Portal Landing page
  8. In the Name field, enter Product. In the Template drop-down list, select One column.
    Adding a Product landing page using a One column template.
  9. To Region A, add the Products View to the landing page.
    Adding the Products View to the Product Landing page
  10. Click the arrow to the left of Landing pages to return to the main navigation section.
  11. In the Landing pages section, click the Add item button to add the Product landing page to the BO Portal.
    Adding the Product landing page to the Portal.
  12. Click Save.

3 Create an Incident landing page

  1. In the Tell Us More - BO Portal, click Landing pages.
  2. Add a new landing page named Incidents and in the Template drop-down list, select List page.
    Creating the Incidents landing page.
  3. Configure the Incidents landing page as follows:
    1. In the Data Page field, select Incident List.
    2. In the Display as field, select Table.
    3. In the Columns section add the following 10 fields and order them as follows:
      • First Name (Customer)
      • Last Name (Customer)
      • ID
      • Name (Product)
      • SKU (Product)
      • Work Status
      • Fraud Indicator
      • Resolution Method
      • Incident Type
      • Incident SubType
        Incident List Columns Landing Page
    4. In the Columns section, select the Allow bulk Actions checkbox.
    5. In the Editing section, select the Allow editing checkbox.
  4. Navigate back to the BO Portal's Main navigation page and add the Incidents landing page to the Landing pages section.
  5. Click Save.

4 Add the Mass Approval (Bulk Action) optional Action

  1. Navigate to the Incident Case Type Case Life Cycle designer and click Optional Actions.
  2. In the Manager Approval Stage, add the Manager Approval (Bulk Action) user Action by clicking Actions > More > User Actions > Manager Approval (Bulk Action) > Select.
    Manager Approval Bulk Action
  3. Click Save.
  4. Switch to Dev Studio.
  5. Using the App explorer, navigate to SL-TellUsMore-Work-Incident > Process > Flow Action and open the ManagerApprovalLocalAction1 Flow Action.
    Navigating to the ManagerApprovalLocalAction1 Flow Action.
  6. On the Action tab, select Run this Action only from bulk processing.
    Selection of Run this action only from bulk processing.
  7. Select Save as > Create and open > Save.

5 Create Case dashboards

  1. Switch back to App Studio, and then click the Preview Button.
  2. In the Portal drop-down list, select the Tell Us More - BO Portal.
    Selecting the Tell Us More - BO Portal
  3. From the Portal's left side navigation pane, click Dashboards, then, in the upper right, click Create new dashboard.
  4. Configure the new dashboard as follows:
    1. Select the Two column template.
    2. Set the Visibility to Public - all users.
    3. To Region A, add the Insight named Number of Work Items Created Daily.
    4. To Region B, add the Insight named Number of work Items Resolved Daily.
      Dashboard configuration
    5. Click Save dashboard.
    6. In the Name field, enter Case Creation vs. Resolution.
    7. Cick Submit.

Confirm your work

  1. Navigate to the Tell Us More - BO Portal.
  2. Review the left-side navigation pane, click on the Product landing page. 
    The Product landing page in the BO Portal's navigation pane.
  3. Confirm that Product information is displayed.
    The BP Portal Product landing page
  4. Using the Add button, add a new Product to the list. 
    Adding a Cannoli Cookies to the Product list
  5. In the Tell Us More - BO Portal, create at least 2 Incident Cases. Advance them to the Approval Task, but do not approve them.
  6. In the Tell Us More - BO Portal's navigation pane, click the Incidents landing page.
  7. Click the check boxes next to the Incident Cases with a Work Status of Pending-Approval. Confirm that a Bulk Actions button is displayed.
    Highlighting the Bulk actions button
  8. Approve the selected Cases using the Manager Approval (Bulk Action) functionality.
  9. From the list of Portals, select the Tell Us More - Customer Portal.
  10. Create an Incident Case by clicking the button labeled Incident.
    Highlighting the Incident button on the Tell Us More Customer Portal.

This Challenge is to practice what you learned in the following Module:

Available in the following mission:

Return to mission
If you are having problems with your training, please review the Pega Academy Support FAQs.

Did you find this content helpful?

Yes
No

Want to help us improve this content?
Suggest an edit

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice